<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link rel="stylesheet" href="../../../static/foreground/css/member/common .css" />
		<link rel="stylesheet" href="../../../static/foreground/css/member/personal_center.css" />
		<link rel="stylesheet" href="../../../static/foreground/css/member/iconfont_edit.css" />
		<link rel="stylesheet" href="../../../static/foreground/css/member/iconfont_add.css" />
		<link rel="stylesheet" href="../../../static/foreground/css/member/iconfont_lock.css" />
		<link rel="stylesheet" href="../../../static/foreground/css/member/iconfont_email.css" />
		<link rel="stylesheet" href="../../../static/foreground/css/member/iconfont_safe.css" />
		<link rel="stylesheet" href="../../../static/foreground/css/member/iconfont_tel.css" />
		<script type="text/javascript" src="../../../static/foreground/js/login/jquery-3.3.1.min.js" ></script>
	</head>

	<body>
		<div class="personal_header">
		<img src="../../../static/foreground/img/login/logo.png" />
			<span>tony易购账号</span>
			<a href="../../../templates/foreground/public/index.html">退出</a>
		</div>
		<div class="personal_header_nav">
			<div class="wrie">
				<div class="aa a1">修改密码</div>
				<div class="aa a2">个人资料</div>
				<div class="aa a3">收货地址</div>
				<div class="aa a4">订单列表</div>
			</div>
			<div class="new"></div>
		</div>
		<div class="personal_content">
			<div class="son_box1" style="display: none;">
				<div class="photo_box">
					<div class="photo_min_box">
						<div class="photo_min_box1">

						</div>
					</div>
					<a id="photo" href="###">设置图像</a>
				</div>
				<div class="photo_box1">
					<div class="user_box">
						<h3 class="face title">基本资料
						<div class="iconfont edit" style="font-size:16px ;">&#xe6e5;编辑</div></h3>
						<div class="face name">
							姓名：
						</div>
						<div class="face data">
							生日：
						</div>
						<div class="face sex">
							性别：
						</div>
						<h3 class="face title">高级设置
						<a id="manage"href="###" style="color: blue;">管理</a></h3>
						<div class="face card">
							银行卡：
						</div>
						<div class="face city">
							账号地区：中国
						</div>
					</div>
				</div>
			</div>
			<div class="son_box2" style="display: none;">
				<h2 id="receive">收货地址</h2>
				<div id="receive_box">
					<div class="iconfont add">
						&#xe64e;
					</div>
					<div id="receive_box2">
						<div class="ifo">
							<p>哈哈哈</p>
							<p>12345567889</p>
							<p>从看见你犯错误IE的hi的文件没法玩彷佛几千万</p>
						</div> 
						<a class="move" href="####">删除</a>
						<a class="chage" href="####">修改</a>
					</div>
				</div>
			</div>
			<div class="son_box3" style="display: block;">
				<div class="message_box">
					<div class="left">
						<div class="iconfont lock">&#xe60c;</div>
						<h2>账号密码</h2>
						<p>用于保护账号信息和登录安全</p>
					</div>
					<div class="right">
						<p>设置</p>
					</div>
				</div>
				<div class="message_box">
					<div class="left">
						<div class="iconfont email">&#xe68b;</div>
						<h2>安全邮箱</h2>
						<p>安全邮箱用于登录易购账号和密码重置</p>
					</div>
					<div class="right">
						<p>绑定</p>
					</div>
				</div>
				<div class="message_box">
					<div class="left">
						<div class="iconfont tel">&#xe630;</div>
						<h2>安全手机</h2>
						<p>安全手机用于登录tony账号，或重置密码和其他验证</p>
					</div>
					<div class="right">
						<p>修改</p>
					</div>
				</div>
				<div class="message_box">
					<div class="left">
						<div class="iconfont safe">&#xe681;</div>
						<h2>密保问题</h2>
						<p>用于账号丢失或者遗忘密码时的安全校验</p>
					</div>
					<div class="right">
						<p>设置</p>
					</div>
				</div>
			</div>
			<div class="son_box4" style="display: none;">
				<h2 class="order">我的订单</h2>
				<div class="order_status_box">
					<div class="order_title title_a">
						全部有效订单
					</div>
					<div class="order_title title_b">
						待支付
					</div>
					<div class="order_title title_c">
						待收货
					</div>
					<div class="order_title title_d">
						已关闭
					</div>
				</div>
				<div class="order_content">
					
				</div>
			</div>
		</div>
		<div class="pop pop1">
			<div id="myModal" class="modal">
				<!--弹窗内容-->
				<div class="modal-content">
					<div class="modal-header">
						<span class="close">&times;</span>
						<h2>设置图像</h2>
					</div>
					<hr />
					<div class="modal-body">
						<div class="modal_box">
							<h3>请上传图片:</h3>
							<input type="button" value="请上传图片" id="figure" />
							<p id="at">jpg或者png,大小不超过2M</p>
						</div>

					</div>
					<div class="modal-footer">
						<input type="button" value="取消" id="call_off" />
					</div>
				</div>
			</div>
		</div>
		<div class="pop pop2">
			<div id="myModal" class="modal">
				<!--弹窗内容-->
				<div class="modal-content">
					<div class="modal-header">
						<span class="close">&times;</span>
						<h2>编辑基础资料</h2>
					</div>
					<!-- 头部栏的线-->
					<div class="line"></div>
					<div class="modal-body">
						<div class="modal_box">
							<div class="user_name">姓名：
								<input type="text" id="us" placeholder="姓名" /></div>
							<div class="user_data">生日：
								<input type="text" id="dt" placeholder="生日" /></div>
							<div class="user_sex">性别：
								<input type="radio" name="rd" />&nbsp;&nbsp;男
								<input type="radio" name="rd" />&nbsp;&nbsp;女
							</div>
						</div>

					</div>
					<div class="modal-footer">
						<input type="button" value="确定" class="call_up" />
						<input type="button" value="取消" class="call_off" />
					</div>
				</div>
			</div>
		</div>
		<div class="pop pop3">
			<div id="myModal" class="modal">
				<!--弹窗内容-->
				<div class="modal-content">
					<div class="modal-header">
						<span class="close">&times;</span>
						<h2>添加收货地址</h2>
					</div>
					<div class="line"></div>
					<div class="modal-body">

						<input type="text" name="name" id="xm" class="user2" placeholder="姓名" />
						<input type="text" name="tel" id="dh" class="user2" placeholder="手机号码" />
						<input type="text" name="city" id="st" class="chage_city" placeholder="选择省/市/区/街道" />
						<input type="text" name="street" id="xx" class="detailed_address" placeholder="详细地址" />
						<input type="text" name="email" id="yb" class="user2" placeholder="邮政编码" />
						<input type="text" name="label" id="db" class="user2" placeholder="地址标签" />

					</div>
					<div class="modal-footer">
						<input type="button" value="确定" class="call_up" />
						<input type="button" value="取消" class="call_off" />
					</div>
				</div>
			</div>
		</div>
		<div class="pop pop4" style="display: none;">
			<div id="myModal" class="modal">
				<!--弹窗内容-->
				<div class="modal-content">
					<div class="modal-header">
						<span class="close">&times;</span>
						<h2>修改密码</h2>
					</div>
					<!-- 头部栏的线-->
					<div class="line"></div>
					<div class="modal-body">
						<div class="psd">
							新密码
						</div>
						<input type="password" name="new_pas" class="new_psd" id="new_psd" placeholder="请输入新密码" />
						<input type="password" name="check_pas" class="new_psd" id="agin_new_psd" placeholder="重复新密码" />
						<span>密码长度8-16位，必须包含数字，字符，字母至少包含两种</span>
						<span class="hint" style="display: none;">!新密码不能为空</span>
					</div>
					<div class="modal-footer">
						<input type="button" value="确定" class="call_up" />
						<input type="button" value="取消" class="call_off" />
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../../static/foreground/js/login/personal_center.js" ></script>
	</body>

</html>